page-banner{
    @function computed-vw($px) {
        @return $px/1080*100vw;
    }
    $content-color: #323232;
    $link-color: #38b549;
    $title-color: #1e2029;
    $time-color: #939598;
    $border-color: #ebe9e9;

    .toolbar-ios {
        .back {
            width: 7vw;
            height: 8vw;
            display: block;
            background-size: cover;
            background-image: url(../assets/images/client/client-filter/icon_return.png);
            background-repeat: no-repeat;
        }
        .menu {
            width: 6.5vw;
            height: 5.5vw;
            display: block;
            background-size: cover;
            background-image: url(../assets/images/client/client-filter/icon_menu.png);
            background-repeat: no-repeat;
        }
        .toolbar-title-ios {
            .nav-btn {
                height: 100%;
                color: #fff;
                background-color: transparent;
                font-size: 5vw;
                padding: 0;
                width: 87.5px;
                text-align: center;
                &_active {
                    color: rgb(255, 202, 55);
                }
            }
        }
    }
    .scroll-content{
        padding: computed-vw(60);
    }
    .info-hd {
        .info-bar:after{
            content: " ";
            display: table;
            clear: both;
        }

        .info-title {
            font-size:computed-vw(54);
            color:  $title-color;
            float: left;
            width: computed-vw(1080-120-204-60);
        }

        .collect-btn {
            display: block;
            float: right;
            width: computed-vw(204);
            height: computed-vw(65);
            margin:  0 0 0 computed-vw(60);
            vertical-align: -webkit-baseline-middle;
        }
        .normal{
            background: url("../assets/images/information/Collection.png") no-repeat;
            background-size: 100% 100%;
        }
        .collection_selected{
            background: url("../assets/images/information/collection_selected.png") no-repeat;
            background-size: 100% 100%;
        }

        .info-time{
            color: $time-color;
            font-size: computed-vw(42);
            padding: computed-vw(30) 0 computed-vw(60) 0;
            margin-bottom: computed-vw(60);
            border-bottom: computed-vw(1) solid $border-color;
        }
    }
    .info-bd {
        padding-top: computed-vw(30);
        font-size: computed-vw(42);
        color: $content-color;
        p {
            text-indent: computed-vw(42*2);
            -webkit-margin-before: 0;
            -webkit-margin-after:computed-vw(60);
        }
        img {
            max-width: 100%;
        }
        a {
            color: $link-color;
        }
    }

    .activity-share-wrapper {
        width: 100%;
        height: 100%;

        iframe.activity-share {
            width: 100%;
            min-height: 100%;
            overflow-x: auto;
            overflow-y:scroll;
        }
    }

    .banner-img{
        width: 100%;
        height: computed-vw(420);
    }
}
